import React, { Component } from 'react'
// 分页组件
export default class Page extends Component {
    render() {
        let arr=[];
        for(let i=1;i<=this.props.totalPage;i++){
            arr.push(i)
        }

        return (
            <div>
                 一共 {this.props.totalPage} 页 

                 {arr.map((item)=>{
                 return <span className={this.props.currentPage===item?'active box':'box'}  data-page={item} onClick={(e)=>{
                       
                    console.log('子组件 click被触发');
                    
                    this.props.goToPage(e.target.getAttribute('data-page'));
               
                 }} key={item}>{item}</span>
             })}
            </div>
        )
    }
}
